<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>QQ音乐</title>

		<script type="text/javascript" src="js/rem.js"></script>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css" />

	</head>

	<body>
		<header>
			<div class="logo">
				<img src="img/logo.png" />
			</div>
		</header>
		<div class="nav">
			<ul>
				<li class="active">推荐</li>
				<li>排行榜</li>
				<li>搜索</li>
			</ul>
		</div>
		<section>
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide"></div>
					<div class="swiper-slide"></div>
					<div class="swiper-slide"></div>
					<div class="swiper-slide"></div>
					<div class="swiper-slide"></div>
				</div>
				
				<div class="swiper-pagination" style="bottom: 0;"></div>
			</div>
			<!--<script type="text/javascript" src="js/music-aj.js"></script>-->
			<!-- Swiper JS -->
			<script src="js/swiper.min.js"></script>
			<script>
				var swiper = new Swiper('.swiper-container', {
					slidesPerView: 1,
					spaceBetween: 30,
					loop: true,
					autoplay: {
						delay: 1000,
						stopOnLastSlide: false,
						disableOnInteraction: false,
					},
					pagination: {
						el: '.swiper-pagination',
						clickable: true,
					},
					observer: true,
					grabCursor: true,
				});
			</script>
			
		
			<div class="dt">
				<h2>电台</h2>
<!--				
				<div class="radio_list">
					<a href="">
						<div class="list_pic"></div>
						<div class="list_info">热歌</div>
					</a>
				</div>-->
				
			</div>
			
			
			<div class="dt ml">
				<h2>热门歌单</h2>
				<!--<div class="radio_list">
					<a href="">
						<div class="list_pic"></div>
						<div class="list_info">
							<span class="list_tit">热歌</span>
							<p class="list_text">风吹草动</p>
						</div>
						
					</a>
				</div>-->
			</div>
			
			<p class="list_more"><a href="javascript:;">去客户端发现更多好音乐 &gt;</a></p>
		
		
		
		
		
			<footer class="mod_footer">
			    <div class="version_tab">
			        <a data-tjname="go_pc" href="http://y.qq.com/?ADTAG=myqq&amp;nomobile=1#type=index">查看电脑版网页</a>
			    </div>
			    <div class="footer_logo">QQ音乐</div>
			    <p class="copyright">Copyright © 1998 - <span id="js_cpright_year">2018</span> Tencent. All Rights Reserved.</p>
			    <p id="js_iosinfo" class="copyright" style="">联系电话：0755-86013388 QQ群：55209235</p>
			</footer>
		</section>
		<script type="text/javascript" src="js/music-aj.js"></script>
<!--排行榜页面-->
		<section class="phb">
			<ul>
				<!--<li class="topic_item">
					<div class="topic_main">
						<div class="pic"></div>
						<div class="cont">
							<h3>案例</h3>
							<p>1<span class="text_name">示例</span>-名字</p>
							<p>2<span class="text_name">示例</span></p>
							<p>3<span class="text_name">示例</span></p>
						</div>
					</div>
				</li>-->
			</ul>
			<p class="list_more"><a href="javascript:;">去客户端发现更多好音乐 &gt;</a></p>
		</section>
		<script type="text/javascript" src="js/music-phb.js"></script>
		
		
		<section class="search">
			<div class="mod_search_bar">
		        <div id="input_wrap" class="search_bar_cont">
		            <form id="search_form" method="get" action="#" onsubmit="return false">
		                <input id="search_input" class="search_input" type="search" autocomplete="off" style="-webkit-appearance: textfield;" autocorrect="off" placeholder="搜索歌曲、歌单、专辑">
		                <!--<span class="icon icon_search">搜索</span>-->
		                <span id="del_btn" class="icon icon_delete" style="display: none;">删除</span>
		            </form>
		        </div>
		        <div id="cancel_btn" class="search_bar_tip_text" style="display: none;">取消</div>
		    </div>
			
		</section>
		
		
		<script type="text/javascript" src="js/turn_page.js"></script>
	</body>

</html>